<template>
  <div>
    <CloudSearch @search="onSearch" v-model="value"></CloudSearch>
    <br />
    <CloudSearch style="margin-top: 10px" @search="onSearch1" v-model="value1" :loading="true"></CloudSearch>
    <br />
  </div>
</template>

<script>
export default {
  title: '1.基础用法。',
  subTitle: '基础用法。',
  data() {
    return {
      value: 123,
      value1: '',
      serachLoading: false
    }
  },
  methods: {
    onSearch(value) {
      this.$cloudMessage.success({
        content: value,
        top: '100px',
        duration: 2
      });
    },
    onSearch1(value) {
     console.log(value)
    }
  }
}
</script>

<style lang="scss">
</style>